@charset "utf-8";
@import "reset";
.container{
    width: 100vw;
    height: 100vh;
    background: url(../imgs/background.png)no-repeat;
    background-size: cover;
    position: relative;
.title{
            position: absolute;
            top: 20%;
            left: 10%;
            font-size: vw(25);
            p{
                color: #4396CB;
            }
        }
    .mainBox{
        width: 80vw;
        height: 35vh;
        background-color:   rgba(226,244,254, 0.6);
        // border: 1px solid #D8DBE0;
        border-radius: vw(20);
        box-shadow: 3px 3px 10px rgba(208,208,208, 0.9);
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        font-size: vw(25);

        
        .name{
            height: 12vw;
            display: flex;
        }
        .time{
            display: flex;
        }

    }
}